@import './_function.less';

.header {
  .pl(20);
  .pr(20);
  .h(88);
  .bc(@mainColor);
  display: flex;
  align-items: center;
  .back {
    .w(26);
    .h(45);
    background-image: url('../img/icon-back.png');
    .bs(26,
            45);
  }
  p{
    .c(#fff);
    .fs(40);
    margin: auto;
  }
}
.content{
  .order{

    .pl(20);
    .pr(20);
    .mb(20);
    .number{
      .fs(30);
      .lh(79);
      .c(#111);
      .bb(1,solid,#cfcfcf);
    }
    .sum{
      .fs(30);
      .lh(79);
      .c(#111);
      span{
        .c(#f20d0d);
      }
    }
  }
  .mode{
    .bt(20,solid,#e6e6e6);
    .pl(20);
    .pr(20);
    .oh();

    .title{
      .fs(30);
      .c(#010101);
      font-weight: bold;
      .lh(88);
    }
    label{
      cursor: pointer;
      .lh(78);
      .db();
      .fs(30);
      .pr();
      .mb(22);
      img{
        .dib();
        .pr();
        .t(18);
        .mr(20);
        .w(61);
      }
      input{
        display: none;
        &+i{
          .w(30);
          .h(30);
          .br(50);
          .bc(#e6e6e6);
          .bb(1,solid,#8b8b8b);
          .pr();
          .r(10);
          .dib();
          .pa();
          .t(24);
          .r(10)
        }
        &:checked+i{
          background:url("../img/confirm.png")no-repeat;
          .bgp(6,26);
          .bb(1,solid,#8b8b8b);
          .bc(#e6e6e6);
        }
      }
      }

    }
  }
.bottom{
  .pf();
  .b(0);
  .bt(10,solid,#e6e6e6);
  .oh();
  .lh(80);
  .left{
    .fl();
    .fs(36);
    .w(530);
    .c(#3f3f3f);
    span{
      .c(#fe0000)
    }
  }
  .right{
    cursor: pointer;
    .fl();
    .bc(#f20d0d);
    .c(#fff);
    .fs(44);
    .w(220);
    .tc();
  }
}
